.banner{
    width: 100%;
    height: auto;

}
.banner img{
    width: 100%;
    height: auto;
}
.banner-c{
    width: 1200px;
    margin: 0 auto;
    height: 63px;
    position: relative;
}
.dot{
    position: absolute;
    left: 566px;
    top: -71px;
}
.banner .dot span{
    
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    background-color: #6c6c6c;
    opacity: 0.27;
    margin: 0 9px;
    border-radius: 50%;
    border: 5px solid transparent;
    background-clip: content-box;
}
.banner .dot span:hover{
    border-color: #6c6c6c;
    background-color: #fff;
}
.left .left-l{
    position: absolute;
    left: -50px;
    top: -436px;
    width: 50px;
	height: 79px;
	background-color: #8a8a8a;
	opacity: 0.58;
}
.left .left-r{
    position: absolute;
    right: -50px;
    top: -436px;
    width: 50px;
	height: 79px;
	background-color: #8a8a8a;
	opacity: 0.58;
    padding: 0.01px;
}
.left img{
    display: block;
    width: 16px;
	height: 37px;
	opacity: 0.58;
    margin: 0 auto;
    padding-top: 21px;
}
.bottom img{
    display: block;
    width: 52px;
    height: 104px;
    position: absolute;
    right: -52px;
    top: -136px;
}






.wedding{
    width: 1200px;
    margin: 0 auto ;

}
.wedding .hd-title{
    height: 62px;
}
.wedding .hd-title .big{
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #444444;
}
.wedding .hd-title .little{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #c1c1c1;
}




/* wedding 区子导航 */


.wedding ul{
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}
.wedding li{
    float: left;
    /* width: 100px; */
    height: 32px;
    text-align: center;
    margin: 75px 44px 40px;
    color: #4d4d4d;
    font-size: 16px;
}
.wedding .line1{
    width:4px;
    height:4px;
    border-radius: 50%;
    background-color:  #b9ab77;
    margin: 6px auto 0;
    opacity: 0;
}
.wedding li:hover .line1{
    opacity: 1;
}
/* .wedding .item-line{
    display: block;
    width: 1px;
    height: 8px;
    background-color: #b5b5b5;
    float: left;
    margin-top: 52px;
} */

.wedding .nav-item li:hover .item{
    font-size: 16px;
    color: #b9ab77;
}
.bd-card{
    overflow: hidden;
}
.bd-card .card{
    position: relative;
    width: 270px;
    height: 360px;
    float: left;
    margin-right: 40px;
    
}
.bd-card .card img{
    display: block;
    width: 270px;
    height: 360px;
    opacity: 1;
}
 .card0{
    margin-right: 0 !important;
}
/* .bd-card .card:hover img{
    opacity: 0;
} */


/* 蒙层 */

 .card:hover .mask{
    opacity: 1;
}

.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 360px;
    /* position: relative; */
    opacity: 0;
}
.mask .mask-title{
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 124px;
    left: 37px;
}
.mask .mask-price{
    width: 279px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 173px;
}
.mask .mask-text{
    width: 279px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 193px;
}
.mask img{
    display: block;
    width: 270px;
    height: 360px;
}




.more1{

    width: 151px;
    height: 45px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 45px;
    text-align: center;
    border: solid 1px #f5f5f5;
    margin: 60px auto;
}


.jeweiry{
    width: 100%;
	height: 556px;
	background-color: #f5f5f5;
	/* opacity: 0.03; */
   
}


.jeweiry-c{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}


.title1{
    width: 1200px;
    height: 64px;
    text-align: center;
    padding-top: 95px;
   padding-bottom: 55px;
   
}
.title1 .big1{
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #444444;
}
.title1 .little1{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #c1c1c1;
}
.j-card{
    width: 270px;
    height: 180px;
    margin-right: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}
.j-mask{
    width: 270px;
	height: 60px;
	background-color: #000000;
	opacity: 0.37;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}
.j-mask:hover{
    opacity: 1;
}
.j-title{
    margin-top: 8px;
    margin-left: 17px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;

}
.j-text{
    margin-left: 17px;
    font-size: 12px;
    line-height: 20px;
    color: #c1c1c1;
}


.jeweiry-c .more2{

    width: 151px;
    height: 45px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 45px;
    text-align: center;
    border: solid 1px rgb(209, 202, 202);
    margin: 0 auto;
    margin-top: 240px;
}


.active img{
    display: block;
    width: 100%;
    height: 354px;
    
}
.banner1-c{
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    position: relative;
}

.active-c{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.active-card{
    width: 1200px;
    height: 503px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top:-196px;

}
.a-card{    
    float: left;
    width: 300px;
    height: 335px;
    background-color: #fff;
    position: relative;
    
}
.a-card:hover .a-mask{
    opacity: 1;
}
.more11{

    width: 151px;
    height: 45px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 45px;
    text-align: center;
    border: solid 1px #f5f5f5;
    margin: 6px auto;
    position: absolute;
    top: 394px;
    left: 524px;
}

.a-date{
    color: #8b8b8b;
    
    margin-top: 44px;
    margin-left: 43px;
   
    
}
.date1{
    font-size: 30px;

}
.date2{
    font-size: 16px;
    margin-left: 15px;
}
.a-title{
    line-height: 16px;
	font-size: 16px;
	color: #000000;
    margin-left: 43px;
    margin-top: 48px;
}
.a-text{
    margin-top: 17px;
    line-height: 23px;
	font-size: 13px;
	color: #8b8b8b;
    margin-left: 43px;
}
.a-more{
    margin-top: 55px;
    line-height: 9px;
	font-size: 9px;
	color: #bebebe;
    margin-left: 43px;
}
.a-mask{
    display: block;
    width: 300px;
    height: 335px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;

}







/* footer */



.designer{
    width: 100%;
    height: 663px;
    background-color: #3d3d3d;
}

.dis-title{
    width: 100%;
    height: 62px;
}
.dis-title .big{
    padding-top: 95px;
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    color: #f7f5f5;
}
.dis-title .little{
    margin-bottom: 55px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #c1c1c1;
}